<template>
    <div id="addFill">
         <div class="power">
           <el-row :gutter="40">
                <el-col>
                    <div class="grid-content">
                        <svg class="icon-font">
                           <use xlink:href="#icon-huabi"></use>
                        </svg>
                        <h3>大数据认知能力</h3>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                    </div>
                </el-col>
                <el-col>
                    <div class="grid-content">
                        <svg class="icon-font">
                           <use xlink:href="#icon-huabi"></use>
                        </svg>
                        <h3>大数据认知能力</h3>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                    </div>
                </el-col>
               <el-col>
                    <div class="grid-content">
                        <svg class="icon-font">
                           <use xlink:href="#icon-huabi"></use>
                        </svg>
                        <h3>大数据认知能力</h3>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                    </div>
                </el-col>
                <el-col>
                    <div class="grid-content">
                        <svg class="icon-font">
                           <use xlink:href="#icon-huabi"></use>
                        </svg>
                        <h3>大数据认知能力</h3>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                    </div>
                </el-col>
                <el-col>
                    <div class="grid-content">
                        <svg class="icon-font">
                           <use xlink:href="#icon-huabi"></use>
                        </svg>
                        <h3>大数据认知能力</h3>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                        <p>R语言基础课程</p>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
    import './../../../assets/font/iconfont.js';
    
    export default {
        data () {
            return {
               
            }
        },
       
     
       
    }
</script>


<style scoped lang="scss">
@import "./../../../styles/layout/color_variables";
#addFill {
    width: $width;
    margin: 50px auto;
    color: #727272;
        .el-row .el-col{
            text-align: center;
            padding: 30px 25px;
            width: 18%;
            margin-right: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            background: #fff;
            border-radius: 5px;
                &:last-child{
                   margin-right: none
                }
        .grid-content{
            &>p{
                line-height:30px;
            }
            &>h3{
                margin:10px 0;
            }
            .icon-font {
                width:130px;
                fill: currentColor;
            }
        }
    }
   
}
</style>